// import '@/utils/aliplayer/aliplayer-min.js'
// import '@/utils/aliplayer/aliplayer-min.css'

// const player = new Aliplayer(
//   {
//     id: playerId.value,
//     source: state.data?.url,
//     autoplay: true,
//     playsinline: true,
//     preload: true,
//     controlBarVisibility: 'click',
//     showBarTime: 1e3,
//     useH5Prism: true,
//     rePlay: true,
//     skinLayout: [
//       // {
//       //   name: 'bigPlayButton',
//       //   align: 'blabs',
//       //   x: 'calc(50% - 32px)',
//       //   y: 'calc(50% - 32px)'
//       // },
//       {
//         name: 'H5Loading',
//         align: 'cc'
//       },
//       {
//         name: 'errorDisplay',
//         align: 'tlabs',
//         x: 0,
//         y: 0
//       },
//       {
//         name: 'infoDisplay'
//       },
//       {
//         name: 'tooltip',
//         align: 'blabs',
//         x: 0,
//         y: 56
//       },
//       {
//         name: 'thumbnail'
//       },
//       {
//         name: 'controlBar',
//         align: 'blabs',
//         x: 0,
//         y: 0,
//         children: [
//           {
//             name: 'progress',
//             align: 'blabs',
//             x: 0,
//             y: 44
//           },
//           {
//             name: 'playButton',
//             align: 'tl',
//             x: 15,
//             y: 12
//           },
//           {
//             name: 'timeDisplay',
//             align: 'tl',
//             x: 10,
//             y: 7
//           },
//           {
//             name: 'fullScreenButton',
//             align: 'tr',
//             x: 10,
//             y: 12
//           },
//           {
//             name: 'volume',
//             align: 'tr',
//             x: 5,
//             y: 10
//           }
//         ]
//       }
//     ]
//   },
//   function (player) {
//     console.log('The player is created', player)
//     // player.play()
//     player.mute()
//   }
// )